/**
 * mr列表单项占位
 */
import React from 'react';
import CommitInfoSkeleton from 'components/commitInfoMedia/skeleton';
import Skeleton from 'react-loading-skeleton';
import withTimeoutSkeleton from './index';

class CommitsSkeleton extends React.Component {
  render() {
    return (
      <div className="project-content-list no-padding">
        <div className="project-content-list-header secondary">
          <Skeleton width={70} height={20} />
        </div>
        <div>
          <CommitInfoSkeleton useForList />
          <CommitInfoSkeleton useForList />
          <CommitInfoSkeleton useForList />
          <CommitInfoSkeleton useForList />
        </div>
      </div>
    );
  }
}

export default withTimeoutSkeleton(CommitsSkeleton);
